<template>
  <div class="page">
    <div class="header">
      <vy-theme-header :tag="5" :projectid="projectId"></vy-theme-header>
    </div>
    <div>
      <transition appear>
        <router-view :projectid="projectId"></router-view>
      </transition>
    </div>
  </div>
</template>
<script>
import VyHeader from "../../../components/theme-header.vue";
export default {
  data() {
    return {
      projectId: "",
    };
  },
  components: {
    [VyHeader.name]: VyHeader,
  },
  created() {
    this.projectId = this.$route.query.projectId;
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.page {
  width: 100%;
  min-height: 100%;
  background-color: #f6f6f6;
  padding-bottom: 50px;
}

.header {
  box-shadow: -8px -1px 30px 0 rgba(25, 63, 100, 0.15);
  z-index: 9;
  background: #fff;
  height: 64px;
  line-height: 64px;
  flex: 0 0 auto;
  box-sizing: border-box;
}

.select-menu {
  .mu-option.is-selected {
    .mu-item {
      color: #3366ff;
    }
  }
}
</style>
